<template>
  <div>
    <Page :total="total" :current="current" show-total show-sizer show-elevator :page-size="10" :page-size-opts="[10,15,50,100,200]" :style="{marginTop:'30px',textAlign:'right'}" @on-change="changePageNum" @on-page-size-change="changePageSize"></Page>
  </div>
</template>

<script>
  export default {
    props:['total','current'],
    data () {
      return {

      }
    },
    methods: {
      changePageNum (value) {
        this.$emit('changePageNum',value);
      },
      changePageSize (value) {
        this.$emit('changePageSize',value);
      }
    }
  }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>

</style>
